<template>
<div class="student">
  <h2>学生姓名: {{name}}</h2>
  <h2>学生性别: {{sex}}</h2>
  <button @click="sendStudentName">把学生名传给School组件</button>
</div>
</template>

<script>

import pubsub from 'pubsub-js'

export default {
  name: "XiaoXiDeDingYueYuFaBuStudent",
  data() {
    return {
      name: 'JOJO',
      sex: '男',
    }
  },
  methods: {
    sendStudentName() {
      pubsub.publish('demo', this.name) //发布消息
    }
  }
}
</script>

<style scoped>
.student{
  background-color: darkorange;
  padding: 5px;
  margin-top: 30px;
}
</style>
